import type { ExtractPropTypes } from 'vue'

const AppLayoutProps = {
  // 內间距
  padding: {
    type: [Number, String],
    default: 0,
  },
  // 页面背景色
  backgroundColor: {
    type: String,
    default: '#fff'
  },
  themeVars: {
    type: Object,
    default: () => ({})
  },
  // 应用的背景图。https://picsum.photos/750/1448
  bgImg: {
    type: String,
    default: '', // /static/xj.jpg'
  },
  blur: {
    type: [Boolean, String],
    default: false,
  },
  isTabBar: { // 是否是tabbar页
    type: Boolean,
    default: false,
  },
  tabbarHeight: { // tabbar高度
    type: Number,
    default: 50,
  },
  showNavigation: {
    type: Boolean,
    default: false,
  },
  useSystemNavigation: {
    type: Boolean,
    default: true,
  },
  navigationHeight: { // 导航栏高度
    type: Number,
    default: 44,
  },
  fixedFooterZIndex: {
    type: Number,
    default: 1,
  },
}
export default AppLayoutProps
export type TAppLayoutProps = ExtractPropTypes<typeof AppLayoutProps>
